<!DOCTYPE html>
<html lang="en">
<head>
    <title>Flask Socketio</title>
    <!--        flask-socketio-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
            integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
            crossorigin="anonymous"></script>

    <!--        Jquery-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>

    <script type="text/javascript" src="{{ url_for('static', filename='index.js') }}"></script>
</head>

<body>
<h3>Join Room</h3>
<form id="joinRoom" method="POST" action="#">
    <label>房间号</label>
    <input type="text" id="roomNum" required>
    <input type="submit" id="submitRoomNum">
</form>
<button id="leave_room">Leave</button>

<ul id="chatContent"></ul>

<form id="SubmitForm" method="POST" action="#">
    <textarea placeholder="在此输入..." name="msg" id="chatMsg" required></textarea>
    <button type="submit">发送</button>
</form>


</body>
</html>